<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        云客客户关系管理系统
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/css/x-admin.css" media="all">
</head>

<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label for="staffId" class="layui-form-label">
                员工编号:
            </label>
            <div class="layui-input-inline">
                <input type="text" id="staffId" name="staffId" style="border: none" required="" lay-verify="required"
                       autocomplete="off" class="layui-input" readonly="readonly" value="${staff.id}">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="role" class="layui-form-label">
                部门名称:
            </label>
            <div class="layui-input-inline">
                <input type="text" id="staffName" name="staffName" style="border: none" required="" lay-verify="required"
                       autocomplete="off" class="layui-input" value="${staff.deptName}">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="staffName" class="layui-form-label">
                员工名称:
            </label>
            <div class="layui-input-inline">
                <input type="text" id="staffName" name="staffName" style="border: none" required="" lay-verify="required"
                       autocomplete="off" class="layui-input" value="${staff.name}">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="staffJob" class="layui-form-label">
                岗位名称:
            </label>
            <div class="layui-input-inline">
                <input type="text" id="staffJob" name="staffJob" style="border: none" required="" lay-verify="required"
                       autocomplete="off" class="layui-input" value="${staff.job}">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label for="duty" class="layui-form-label">岗位职责:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea" style="border: none" id="duty">${staff.duty}</textarea>
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">员工性别:</label>
            <div class="layui-input-inline">
                <input type="text" id="staffJob" name="staffJob" style="border: none" required="" lay-verify="required"
                       autocomplete="off" class="layui-input" value="${staff.sex}">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="pho" class="layui-form-label">
                工作电话:
            </label>
            <div class="layui-input-inline">
                <input type="text" id="pho" name="pho" required="" style="border: none" lay-verify="required"
                       autocomplete="off" class="layui-input" value="${staff.pho}">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="tel" class="layui-form-label">
                手机号码:
            </label>
            <div class="layui-input-inline">
                <input type="tel" id="tel" name="tel" lay-verify="phone" style="border: none" autocomplete="off" class="layui-input" value="${staff.tel}">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">员工邮箱:</label>
                <div class="layui-input-inline">
                    <input type="text" name="email" lay-verify="email" style="border: none" autocomplete="off" class="layui-input" value="${staff.email}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="role" class="layui-form-label">
                职务名称:
            </label>
            <div class="layui-input-inline">
                <input type="text" name="email" lay-verify="email" style="border: none" autocomplete="off" class="layui-input" value="${staff.jobName}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">员工状态:</label>
            <div class="layui-input-inline">
                <input type="text" name="email" lay-verify="email" style="border: none" autocomplete="off" class="layui-input" value="${staff.state}">
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">离职状态:</label>
            <div class="layui-input-inline">
                <input type="text" name="email" lay-verify="email" style="border: none" autocomplete="off" class="layui-input" value="${staff.leaveOffice}">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label for="remark" class="layui-form-label">备注:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" style="border: none" class="layui-textarea" id="remark">${staff.remark}</textarea>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" for="hireDate">入职日期:</label>
            <div class="layui-input-inline">
                <input type="text" name="date" style="border: none" value="${staff.hireDate?string("yyyy-MM-dd hh:mm:ss")}" id="hireDate" lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
            </div>
        </div>
    </form>
</div>
</body>
<script src="/static/lib/layui/layui.js" charset="utf-8">
</script>
<script src="/static/js/x-layui.js" charset="utf-8">
</script>
<script>
    layui.use(['form','layer'], function() {
        $ = layui.jquery;
        var form = layui.form()
                , layer = layui.layer;
    })
</script>
</html>